<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome To Login</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400&display=swap">
  <link rel="stylesheet" href="css/login.css">
  <link rel="stylesheet" href="./css/font-awesome.min.css">
  <script src="js/login.js"></script>
  <!-- Latest compiled and minified JavaScript -->
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
  <div class="loginBox">
    <div class="logo"></div>
    <div class="title">Students Manage System</div>
    <div class="smallTitle">Beta</div>
    <div class="fields">
      <div class="username"><svg t="1663994157745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1009" width="200" height="200"><path d="M514.4576 512.8704m-432.3328 0a432.3328 432.3328 0 1 0 864.6656 0 432.3328 432.3328 0 1 0-864.6656 0Z" fill="#4AEDCD" p-id="1010"></path><path d="M289.4848 418.7136c-85.0432 0-160.4096 41.3696-207.104 105.0624 4.5568 182.7328 122.368 337.3056 285.952 396.032 103.2192-33.28 177.92-130.048 177.92-244.3776-0.0512-141.7216-114.9952-256.7168-256.768-256.7168z" fill="#83FFE1" p-id="1011"></path><path d="M523.3664 352.8704m-140.544 0a140.544 140.544 0 1 0 281.088 0 140.544 140.544 0 1 0-281.088 0Z" fill="#FFFFFF" p-id="1012"></path><path d="M243.3536 732.3648c65.28 73.2672 163.1744 119.9104 272.64 119.9104 118.0672 0 222.6176-54.2208 287.3856-137.6256-32.4608-116.1216-144.5376-201.7792-277.9136-201.7792-139.9808 0-256.6144 94.464-282.112 219.4944z" fill="#D7FFF7" p-id="1013"></path></svg><input type="username" class="userInput" placeholder="Username"></div>
      <div class="password"><svg t="1663994250025" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1151" width="200" height="200"><path d="M511.2832 509.696m-432.3328 0a432.3328 432.3328 0 1 0 864.6656 0 432.3328 432.3328 0 1 0-864.6656 0Z" fill="#FF579C" p-id="1152"></path><path d="M286.3104 415.5904c-85.0432 0-160.4096 41.3696-207.104 105.0624 4.5568 182.7328 122.368 337.3056 285.952 396.032 103.2192-33.28 177.92-130.048 177.92-244.3776-0.0512-141.7728-114.9952-256.7168-256.768-256.7168z" fill="#FF80BA" p-id="1153"></path><path d="M408.7808 422.8096V358.7584c0-27.9552 22.7328-50.6368 50.6368-50.6368h103.68c27.9552 0 50.6368 22.7328 50.6368 50.6368v64.0512h61.44V358.7584c0-61.7984-50.2784-112.0768-112.0768-112.0768H459.4176c-61.7984 0-112.0768 50.2784-112.0768 112.0768v64.0512h61.44z" fill="#FFC7E3" p-id="1154"></path><path d="M668.8768 395.2128H353.6384c-48.9472 0-88.6272 39.68-88.6272 88.6272v186.0608c0 48.9472 39.68 88.6272 88.6272 88.6272h315.2384c48.9472 0 88.6272-39.68 88.6272-88.6272V483.84c0-48.9472-39.68-88.6272-88.6272-88.6272z m-130.1504 188.2112v64.512a27.4432 27.4432 0 0 1-54.8864 0v-64.512a55.31648 55.31648 0 0 1-27.9552-48.0768c0-30.6176 24.7808-55.3984 55.3984-55.3984s55.3984 24.7808 55.3984 55.3984c0 20.6336-11.264 38.5536-27.9552 48.0768z" fill="#FFFFFF" p-id="1155"></path></svg><input type="password" class="pwdInput" placeholder="Password"></div>
    </div>
    <button class="loginBtn" onclick="loginBtn()">Login</button>
    <div class="link"><a href="#">Forget password?</a></div>
  </div>
</body>
</html>